/* flex */
.flx-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .flx-justify-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .flx-align-center {
    display: flex;
    align-items: center;
  }
  
  /* fade-transform */
  // 元素[进入/离开]过渡时的样式
  .fade-transform-leave-active,
  .fade-transform-enter-active {
    transition: all 0.2s;
  }
  
  // 元素进入开始时的样式
  .fade-transform-enter-from {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.2s;
  }
  
  // 元素离开结束时的样式
  .fade-transform-leave-to {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.2s;
  }